<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="dt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<%@page import="apogeu.seminario.models.dados.Submissao" %>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="/apogeu/seminario/css/style.css" />
<script type="text/javascript" src="/apogeu/seminario/js/validacao.js"></script>

<style type="text/css">

/*TABELA*/
table {
    background:#D1DCDF;
    border:1px solid;
    border-collapse:collapse;
}

table, caption {
    margin:auto;
    width: 800px; /*width:748px;*/
}

caption {
    color:#003D5F;
    font:700 18px Georgia, "Times New Roman", Times, serif;
    padding:6px 4px 8px 0px;
    text-transform:uppercase;
}

    caption, thead th, tfoot th {
        text-align:center;
    }

    thead th, tfoot th {
        background:#305761;
        font-weight:700;
        padding-top:3px;
    }

    tbody th, tbody td {
        text-align:left;
        vertical-align:top;
    }

        tbody tr:hover {
            background:#88839E;
        }

    tfoot th {
        font:9px Georgia, "Times New Roman", Times, serif;
        text-align:right;
    }

        td, th {
            border:1px dotted;
            padding:5px;
        }

        .par {
            background-color:#90A8A8;
        }

            tbody tr.par:hover {
                background:#585370;
            }


/*CORES*/
table, thead th, tfoot th, tbody tr:hover, td, th {
    border-color:#003D5F;
}

thead th, tfoot th, tbody tr:hover, tbody tr.par:hover {
    color:#FFF;
}

</style>

<title>Trabalho Submetido</title>
</head>
<body>
	<div id="main">
    <div id="header">
      <div id="banner">
	    <a href="#">II Seminário Nacional de Política e Gestão da Educação</a>
	  </div>
      <div id="menubar">
        <ul id="menu">
          <li style="font-size: 20px;"><a href="#">Tema: Financiamento e Valorização dos Profissionais da Educação</a></li>
        </ul>
      </div>
    </div>
    <div id="site_content">
	  <div id="content">
        <div class="content_item">
        	
        	<table border="0" cellpadding="0" cellspacing="0" summary="Essa tabela é para apresentar alguns dos sites que vocês podem me encontrar.">
			    <caption>Trabalho Submetido</caption>
			
			       <tbody>
		    			<tr class="par">
				            <td>NOME</td>
				            <td>${submissao.nome}</td>
				        </tr>
				        <tr>
				            <td>ENDEREÇO</td>
				            <td>${submissao.endereco}</td>
				        </tr>
				        <tr class="par">
				            <td>CPF</td>
				            <td>${submissao.cpf}</td>
				        </tr>
				        <tr>
				            <td>TELEFONE</td>
				            <td>${submissao.telefone}</td>
				        </tr>
				        <tr class="par">
				            <td>E-MAIL</td>
				            <td>${submissao.email}</td>
				        </tr>
				        <tr>
				            <td>CATEGORIA</td>
				            <td>${submissao.categoria}</td>
				        </tr>
				        <tr class="par">
				            <td>GRUPO DE TRABALHO</td>
				            <td>${submissao.grt}</td>
				        </tr>
				        <tr>
				            <td>TÍTULO</td>
				            <td>${submissao.titulo}</td>
				        </tr>
				        <tr class="par">
				            <td>INSTITUIÇÃO</td>
				            <td>${submissao.instituicao}</td>
				        </tr>
				        <tr>
				            <td>ARQUIVO</td>
				            <td><a href="/apogeu/seminario?ac=7&cd=${submissao.idSubmissao}" target="_blank">BAIXAR</a></td>
				        </tr>
				        <tr class="par">
				            <td>DATA</td>
				            <td><dt:formatDate pattern="dd/MM/yyyy" value="${submissao.data}"/></td>
				        </tr>

			    </tbody>
			</table>
        	
        </div>
      </div>
      
    </div>
    <div id="footer">
      <a href="http://www.apogeu.ufs.br">APOGEU</a> | 
      <a href="http://www.campusitabaiana.ufs.br/apogeu-seminario">II Seminário</a>
    </div>
  </div>
  <p style="float: left;padding: 0;">&nbsp;</p>
</body>
</html>